import { FC } from 'react';
import ResourcesMenu from './Menu';
import ResourcesControl from './Control';
import ResourcesList from './List';
import './index.less';

const Resources: FC = () => {
  return (
    <div className='resources-page'>
      <div className='menu'>
        <ResourcesMenu />
      </div>
      <div className='resources-controls'>
        <ResourcesControl />
      </div>
      <div className='resources'>
        <ResourcesList />
      </div>
    </div>
  );
};

export default Resources;
